import { Swiper } from 'antd-mobile'
import React from 'react'
import { $pre } from '../../../../http/http'


const Banner = (props) => {
    let { banner } = props
    return (
        <div>

            <Swiper autoplay style={{"--height":"5rem"}}>
                {banner.map(item => {
                    return (
                        <Swiper.Item key={item.id}>
                            <img src={$pre+item.img} style={{width:"100%",height:"100%"}} alt="" />
                        </Swiper.Item>
                    )
                })}
            </Swiper>

        </div>
    )
}

export default Banner